<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>详情页</title>
   <link rel="stylesheet" href="css/detail.css">
   <link rel="stylesheet" href="css/header.css">
   <link rel="stylesheet" href="css/footer.css">
 </head>
 <body>
  <div id="allHeader"></div>
<!--   <div class="J-mainNaxBox"> 
			<ul id="nav">
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<span><img src="images/index/dot_nav.png" alt=""></span>
					</li>
					
					<li>
						<a href="#">逛</a>
					</li>
					<li>
						<span><img src="images/index/dot_nav.png" alt=""></span>
					</li>
					<li>
						<a href="#">设计师</a>
					</li>
					<li>
						<span><img src="images/index/dot_nav.png" alt=""></span>
					</li>
					
					<li>
						<a href="#">小站</a>
					</li>
			</ul> 
			<div class="J-mainSearch">
				<input type="text" id="txtSearch" placeholder="请输入您要搜索的内容">
				<a href="" class="search-img" data-trigger="search">
				</a>
			</div>
		</div>-->
<!-- 商品详情页 -->
	<section class="J_goods_detail">
		<div class="dt_header">
			<div class="dt_author">
				<a href=""><img src="images/xq_shopinfo/woman/designer/desg1.jpg" alt=""></a>
				
			</div>
			<div class="dt_author_info">
				<h2><a href="">无极</a></h2>
				<p><a class="J_bandstory dt-bandstory"  href="">跨出大学校园，会收敛起在寝室凉拖的随性；会为职场难以hold住的高跟鞋而焦头烂额；更会无比不舍白球鞋校服的青葱岁月...无极 是一个和刚步入社会的你们一起成长的90后的故事~</a></p>
			</div>
		</div>
		<!--  详情页内容class=“detail-cont”-->
		<div class="detail-cont">
			<!--图片展示部分 			 -->
			<div class="detail-pic-box">
				<div class="detail-mainpic"><img src="images/xq_shopinfo/woman/lg/FjvVG-RckILEiPiBAiHL_Buegz-D.jpg" alt=""></div>
				<div class="like-common">
					<a class="like" href=""></a>
					<div class="like-num">
						<span id="J_scroll">0</span>
					</div>
				</div>
			</div>
			<!--购物车等 文字信息			 -->
			<div class="detail-info">
				<!--标题  -->
				<h2 class="product-name">秋冬情侣卫衣</h2>
				<!--商品分类  -->
				<ul class="detail-brand">
					<li class="brand-name">设计师<span>lover</span></li>
					<li class="brand-time">品牌<span>无极</span></li>
				</ul>
				<!--规格 div class="spec"-->
				<div class="spec">
					<p>尺码</p>
						<a href="#" class="active">M</a>
						<a href="#" class="active">L</a>
						<a href="#" class="active">XL</a>
						<a href="#" class="active">2XL</a>
						<a href="#" class="active">3XL</a>
						<a href="#" class="active">4XL</a>
						<a href="#" class="active">5XL</a>
					<p>颜色</p>
						<a href="#" class="active">白色</a>
						<a href="#" class="active">军绿色</a>
						<a href="#" class="active">藏青色</a>
					
				</div>
				<!--数量-->
				<div class="count">
					<p>数量</p>
					<div>
						<button class="reduce">-</button>
						<input type="text" value="1">
						<button class="add">+</button>
					</div>
					<span>库存</span>
					<span>147</span>
					<span>件</span>
				</div>
				<!--邮费-->
				<p class="price">￥350.00</p>
				<p class="postage">
					
					<span>邮费：</span>
					<span>5</span>
					<span>元</span>
					<a href="">
						<span>联系卖家</span>
						<img src="images/detail/kefuf.gif" alt="">
					</a>
				</p>
				<!--购物车-->
				<div class="shops">
					<a href="">立即购买</a>
					<a href="">
						<img src="" alt="">
						<span class="addCart">加入购物车</span>
					</a>
<!-- 					<a href=""> -->
<!-- 						<img src="" alt=""> -->
<!-- 						<span>收藏</span> -->
<!-- 					</a> -->
				</div>
				<!--商家承若-->
				<div class="promise">
					<img src="images/detail/web_7.png" alt="">
					<span>七天无理由退货</span>
					<img src="images/detail/web_48h.png" alt="">
					<span>48小时发货</span>
					<img src="images/detail/web_xiangqu.png" alt="">
					<span>担保交易</span>
				</div>
				<!--微信-->
				<div class="weixin">
					<img src="images/detail/xzsn2626.jpg" alt="">
					<span>
						加想去君微信：xzsn2626，成为本君好友，超多朋友福利，带你认识更多设计师哦～
					</span>
				</div>
			</div>
		</div>
		<!--同类推荐-->
		<div class="recommend">
			<p><span>同</span>类推荐</p>
			
			<div class="good-recommand-item">
			<div class="picBox">
				<ul>
					<li><a href=""><img src="images/index/handcraft-box/handcraft-box2.jpg" alt=""></a>
					<p>设计师</p>
					</li>
					<li><a href=""><img src="images/index/handcraft-box/handcraft-box2.jpg" alt=""></a>
					<p>设计师</p>
					</li>
					<li><a href=""><img src="images/index/handcraft-box/handcraft-box2.jpg" alt=""></a>
					<p>设计师</p>
					</li>
					<li><a href=""><img src="images/index/handcraft-box/handcraft-box2.jpg" alt=""></a>
					<p>设计师</p>
					</li>
					<li><a href=""><img src="images/index/handcraft-box/handcraft-box2.jpg" alt=""></a>
					<p>设计师</p>
					</li>
					<li><a href=""><img src="images/index/handcraft-box/handcraft-box2.jpg" alt=""></a>
					<p>设计师</p>
					</li>
				</ul>
		</div>
	</section>

  <div id="allFooter"></div>
	 <script src="js/jquery-1.11.3.js"></script>
	 <script src="js/ajax.js"></script>
	 <script src="js/header.js"></script>
     <script src="js/footer.js"></script>
     <script src="js/detail.js"></script>
 </body>
</html>